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How To Resize an Image in Photoshop and GIMP 
(Ultimate Guide) 


Tiffani Anderson F January 20, 2022 


The 2020 Web Almanac by HTTP Archive reports that images comprise over 64% of the 
page weight. Thus, learning how to resize an image in Photoshop can help you reduce 


the page document size and improve website performance. 


Don’t have access to Adobe Photoshop? No worries. We’ll show you how to resize an 
image in GIMP too. 


Keep reading to learn: 
How To Resize an Image in Photoshop 
How To Compress an Image in Photoshop 


How To Resize an Image in GIMP 
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How To Compress an Image in GIMP 
Final Thoughts: How To Resize an Image in Photoshop and GIMP 


How To Resize an Image in Photoshop 


1. Open the image in Photoshop. 

2. Go to Image > Image Size. 

3. Set the resolution. 

4. Input the target Height and Width values. 
5. Save your file. 


There’s no shortcut to resize an image in Photoshop without losing quality. Luckily, 


Adobe's interface makes the process extremely intuitive. 


Here’s how to change the dimensions of an image in Photoshop: 


Step 1: Open the Image in Photoshop 


File Edit Image Layer Type Select Filter 3D View Plugins Window Help 


ToT, 


Open... Ctrl+0 


Open As... Alt+Shift+ Ctrl+O 
Open as Smart Object... 
Open Recent 


Welcome to Photoshop, 


Close Ctrl+W 
Close All Alt+Ctrl+W 
Close Others Alt+ Ctrl+P 
Close and Go to Bridge... Shift+Ctrl+W 
Save Ctrl+$ 
Save As... Shift+ Ctrl+S 
Save a Copy... Alt+Ctrl+S 
Revert F12 


Open the image in Photoshop by navigating to File > Open in the top menu bar. 


Step 2: Go to Image > Image Size 


File Edit Image Layer Type Select Filter 3D View Plugins Window Help 
Mode 


Style: Normal 


Adjustments 


Auto Tone Shift Ctrl+L 
Auto Contrast Alt+Shift+Ctri+L 
Auto Color Shift+ Ctrl+B 


Image Size... Alt+Ctrl+! 
à CEN ý 


anvas Size. 


Image Rotation 
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Crop 


Trim... 


Reveal All 


Duplicate... 


Apply Image... 
Calculations... 


Variables 


Apply Data Set... 


Trap... 


Analysis 


Go to Image > Image Size to launch the Image Size dialog box. 


Step 3: Set the Resolution 


Image Size x 


Image Size: 8.66M 
Dimensions: 2200 px x 1376 px 


Fit To: Original Size 

Width: 2200 Pixels 

Height: 1376 Pixels 
Resolution 


Resample: Automatic 


( OK ) Cancel 


Set the pixel dimensions to 72 pixels per inch (ppi) for web images. Anything higher will 


slow down your website — that’s why it’s usually only used for printing images. 


Step 4: Input the Target Height and Width Values 


Image Size x 


Image Size: 8.66M 


Dimensions: 2200 px x 1376 px 


Fit To: Original Size 


aa — 


Height: 1376 Pixels 


Resolution: 72 Pixels/Inch 


Resample: Automatic 


Pas 


https://www.bluehost.com/resources/how-to-resize-compress-images-in-photoshop-gimp/?irpid=101&clickid=P61C1018570N0B5578A2D4499E... 


3/18 


ve 10:02 2022/11/28 How To Resize an Image in Photoshop and GIMP (Ultimate Guide) | Bluehost Resource Center 


Select Pixels as the units of measurement using the dropdown menu. 


The image proportions are linked by default. See the chain link icon next to them? 
That’s the Constrain Proportions option. It means when you change one of the two 


values, it changes the other one proportionally. 


If you click on the icon and unlink the values, you’ll be able to change the Width or 


Height independently. 


The original size of our image is 2200px x 1376px. If we set the Width as 500px, the 
Height automatically changes to 313px. 


Image Size: 458.5K (was 8.66M) 


Dimensions: 500 px x 313 px 


Custom 
Pixels 
Height: Pixels 
Resolution: Pixels/Inch 


Resample: Automatic 


( OK ) Cancel 


Set your target image size using the Width and Height options. Once complete, hit OK. 


Step 5: Save Your File 


File Edit Image Layer Type Select Filter 3D View Plugins Window Help 


New... Ctrl+N 
Open... Ctrl+O 
Browse in Bridge... Alt+Ctrl+O 
Open As... Alt+Shift+ Ctrl+O 
Open as Smart Object... 

{ Open Recent > 
Close Ctrl+W 
Close All Alt+Ctrl+W 
Close Others Alt+ Ctrl+P 
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Close and Go to Bridge... Shift+Ctrl+W 


Save Ctrl+S 
Save As... Shift+ Ctrl+S 
Save a Copy... Alt+ Ctrl+S 
REveit Fle 
Export 
| Generate 
Share... 
Invite... 


Search Adobe Stock... 
| Place Embedded... 


Go to File > Save a copy in the top menu bar. 


Ps Save a Copy 
€ ~E This PC Downloads Image Resize 
Organise v New folder 
Jate modifiec ype 
g> OneDrive - Persor Date modified Type 
MM This PC No items match your search. 
r 3D Objects 
E Desktop 
BB Documents 


$ Downloads 


d Music 
E Pictures 
E Videos 


$ System (C:) 


File name: 


Save as type: | JPEG 


A Hide Folders 


Choose the file save location, add a descriptive name and click Save. 


JPEG Options x 


Image Options 
Cancel 


Quality: 8 High 
small file —" Preview 


& 
989.7K 


Format Options 
© Baseline (“Standard”) 


Baseline Optimized 


Progressive 
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You'll see the JPEG Options box. You can adjust the image quality by dragging the slider 


up or down in the Image Options section. Or, use the default value and click OK to save. 


How To Compress an Image in Photoshop 


Besides resizing images, you can also learn how to compress an image in Photoshop to 
reduce its size and resolution. A combination of both techniques will help you resize 


images without losing quality. 


Here’s how you do it: 


Step 1: Open the Image in Photoshop 


File Edit Image Layer Type Select Filter 3D View Plugins Window Help 
News Ctri+N 
Open... Ctrl+O 
CrowseTrorage: ANF CIFS 
Open As... Alt+Shift+ Ctrl+O 
Open as Smart Object... 
Open Recent 


Welcome to Photoshop, 


Close Ctrl+W 
Close All Alt+ Ctrl+W 
Close Others Alt+ Ctrl+P 
Close and Goto Bridge... Shift+Ctri+W 
Save Ctrl+$ 
Save As... Shift+ Ctrl+S 
Save a Copy... Alt+Ctrl+S 
Revert F12 


Open the image in Photoshop using the File > Open option in the top menu bar. 


Step 2: Go to File > Export > Save for Web (Legacy) 


ile Edit Image Layer Type Select Filter 3D View Plugins Window Help 
CtrleN 


New... 
Open... Ctri+O 
Browse in Bridge... Alt+Ctrl+O 
Open As... Alt+Shift+Ctrl+O 
Open as Smart Object... 

- Open Recent 


how Transform Controls 


Close Ctrl+W 
Close All Alt+Ctrl-W 


Close Others Alt+Ctri+P E 
Close and Go to Bridge... Shift+Ctrl+W 


Save Ctri+S 
Save As... Shift+Ctrl+S 
Save a Copy... Alt+Ctri+S 
Revert F12 


4 Quick Export as PNG 
Í Generate >| Export As... Alte Shift» Ctrle W 


Share... Aa za 
baa port Preferences... 
Search Adobe Stock... Save for Web (Legacy)... Alt+Shift+CtrleS 
Place Embedded... Files. 
| Place Linked... ri s to POF 
Package Export For Aero... 
Aniak > Layer Comps to Files 
£ Layer Comps to PDF 
Scripts > 
Layers to Files... 
Import > 
Color Lookup Tables... 
File Info... Altt+ Shift+Ctrl+t a = 
Version History ae aeae 
Paths to Illustrator... 
Print... Ctri+P Render Video. 
Print One Copy Alt+Shift+Ctri+P 
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Exit CtrleQ SEs =} 


Go to File > Export > Save for Web (Legacy). You can also access this tool using the Alt + 


Shift + Ctrl + S Keyboard shortcut in Windows and Command + Option + Shift + S in Mac. 


Save for Web (100%) 


Learn More 
Preset: [Unnamed] ss 
GIF 
Selective 
Diffusion 
@ Transparency 
No Transpare! 


Interlaced 


for Color 


'opyright and Contact Info 


Image Size 


200 


Ooo 


<< 
Preview... i Cancel 


In the Save for Web popup, you'll see tabs across the top — Original, Optimized, 2-UP 
and 4-Up. If you click on 2-Up, it will show you your original and compressed image 
side-by-side. 


Step 3: Select a Compression Level 


Save for Web (100%) 


Learn More 


GIF 128 Dithered 


JPEG Low 

l PEG Medium 
PNG-24 
PNG-8 128 Dithered 


Jorigina 
[Unnamed] 


Color Table 


BE pos z < 
DEA Sea + 
> $ $” r: ž = de. 
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Te ee a y p 


= = à anie 


Image Size 


100 


Cancel 


Expand the dropdown menu beside Preset and select one of the three JPEG options — 


JPEG High, JPEG Low or JPEG Medium. You can use the options below Preset to choose 


compression settings for JPEG files. 
| Save for Web (100%) oo 


Learn More 


Preset: | JPEG Medium 


© Optimized 


Embed Color Profile 


Convert to sRGB 


Monitor Color 
opyright and Contact info 


Table 


Cancel 


You can increase or decrease the compression level using the dropdown menu. You 


can also input a numerical value for Quality. 


Step 4: Save Your File 


ALT: Save the compressed image in Photoshop. 


Save for Web (100%) 


Learn More 


Preset: | JPEG Medium 


JPEG 
Medium 
Progressive 
Optimized 


Embed Color Profile 


@ Convert to sRGB 


p “ R 1? A * = aE 
SE: : s y Preview: Monitor Color 


h 
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Copyright and Contact Info 


H: 1376 


Animation 


Once you've found the best compression setting for your image, click Save... to save the 


file on your computer. 


How To Resize an Image in GIMP 


GIMP is an open-source image resizing tool with basic photo editing features. 


If you’re on a budget and can’t invest in a subscription to resize a photo in Photoshop, 


you can use GIMP instead. 


Here’s how to resize an image in GIMP: 


Step 1: Open the Image in GIMP 


GNU Image Manipulation Program 


e Edit Select View Image Layer Colors Tools Filters Windows Help 


Ctri+N 


Ctri+Alt+O 
@ Open Location... 


Open Recent > 


Open GIMP and go to File > Open. 


Open Image x 
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“ Recently Used 


Places Name Vv: Size Modified 


== sample-image.jpg 1.0 MB Saturday 


sample-image.jp 


B 


+ Select File Type (Automatically Detected) 


bai 2 Siea 


Select your image from the source folder on your computer and click Open. You can 


also drag and drop an image directly into the GIMP workspace to start editing it. 


| Convert to RGB Working Space? x 


Import the image from a color profile 


sample-mage.jpg-1 
The image ‘'sample-image.jpg' has an embedded color profile 
Convert the image to the built-in SRGB color profile? 

+ GIMP built-in SRGB 


Rendering Intent: Relative colorimetric 


x Ble 


Don't ask me again 


Hel 


If the image you’re opening has an embedded color profile, GIMP will ask if you wish to 
convert it to GIMP’s built-in SRGB profile. Click Convert to change it to GIMP’s profile or 
Keep to work with the original profile. 


Step 2: Go to Image > Scale Image 
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fad [sample-image] (imported)-1.0 (RGB color 8-bit gamma integer, sRGB IEC61966-2.1, 1 layer) 2200x1376 - GIMP 


File Edit Select View Image Layer Colors Tools 


Duplicate 


Mode 
Precision 


Color Management 


Transform 
S Canvas Size... 


Fit Canvas to Layers 


© Crop to Content 
ri & Slice Using Guides 


P Zealous Crop 


Merge Visible Layers... 
Flatten Image 


P Align Visible Layers... 


Guides 


Configure Grid... 


© Image Properties 


Metadata 


Go to Image > Scale Image... using the top menu. 


Filters Windows 


Ctrl+D 


Ctrl+M 


Alt+Return 


> 


Step 3: Set the Image Resolution 


How To Resize an Image in Photoshop and GIMP (Ultimate Guide) | Bluehost Resource Center 


g Scale Image 
‘fg Scale Image 


[sample-mage] (imported)- 


Image Size 
Width: 


Height: 1376 


X resolution: 72. 


Y resolution: 


Quality 


Interpolation: 


Help 


Set the resolution for the image in the Scale Image popup — 72 works best for images 


for the web. Make sure the unit of measurement is pixels/in. 


Step 4: Input the Target Width and Height Values 


pixels/in 


Vv 


g Scale Image 
“fg Scale Image 


[sample4mage] (imported)- 


Image Size 
Width: 
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Height: 


X resolution: 


Y resolution: 2.000 pixels/in Y 


Quality 


Interpolation: 


Next, verify the icon next to Width and Height shows a chain link. This setting ensures 
that when you change the value of either option, the other value updates 


proportionally, preserving the original image aspect ratio. 


Enter your target image size and click Scale to resize the image. 


Step 5: Export the File 


The process to save files as JPEG is different in GIMP compared to Photoshop. That is 


because GIMP saves files in the XCF file format. 


fl “[sample-image] (imported)-1.0 (RGB color 8-bit gamma integer, sRGB 1IEC61966-2.1, 1 layer) 500x313 - GIMP 


File Edit Select View Image Layer Colors Tools Filters Windows Help 
H New... Ctrl+N 
Create > 
Ge Open... Ctrl+O 
= Open as Layers... Ctrl+Alt+O 
@ Open Location... 


Open Recent > 


Ctrl+S 


Shift+Ctri+S 


B Page Setup... 


@ Print... 


® Copy Image Location 


® Show in File Manager Ctrl+Alt+F 


X Close View Ctri+ W 
© Close All Shift+ Ctrl+W 


i Quit Ctri+Q 


fd Export Image x 
Name: 1 


Save in folder: 


Size Modified 


Search 
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+ = 


Show All Files 


+ Select File Type (By Extension) 


Help Cancel 


Choose the file save location, add a descriptive name and click Export. 


ads Image Resize 


Export Image as JPEG x 


Quality: 90 B 
Use quality settings from original image 
File size: unknown 


Show preview in image win 


Comment 


+ Advanced Options 


You'll see the Export Image as JPEG popup box. Here you can reduce the image file size 


by reducing the output quality. Or, use the default value and click Export to save the 
file. 


https://www.bluehost.com/resources/how-to-resize-compress-images-in-photoshop-gimp/?irpid=101 &clickid=P61C101S570NOB5578A2D4499... 13/18 


ve 10:02 2022/11/28 How To Resize an Image in Photoshop and GIMP (Ultimate Guide) | Bluehost Resource Center 


How To Compress an Image in GIMP 


Besides resizing images, you can also learn how to compress an image in GIMP to 


reduce the size of an image. Here are the steps to do it: 


Step 1: Open the Image in GIMP 


Open Image x 


= Recently Used 


vi Size Modified Preview 


Show All Files 


+ Select File Type (Automatically Detected) 


Go to File > Open in GIMP. Locate the image you want to edit in the file dialog box and 
click Open. 


Convert to RGB Working Space? x 


Import the image from a color profile 


sample-mage.jpg-1 


The image 'sample-image.jpg' has an embedded color profile 


Convert the image to the built-in SRGB color profile? 
+ GIMP built-in SRGB 


Rendering Intent: Relative colorimetric 
x Bla 


Don't ask me again 
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If your image has an embedded color profile, GIMP may ask you to convert it to its 
built-in SRGB profile. Click Keep to preserve details of the original image or Convert to 


change it to GIMP’s profile. 


Step 2: Go to File > Export As 


fi [sample-image] (imported)-2.0 (RGB color 8-bit gamma integer, sRGB IEC61966-2.1, 1 layer) 2200x1376 - GIMP 
File Edit Select View Image Layer Colors Tools Filters Windows Help 
P New... Ctrl+N 


Create 2- 


3 Open... Ctri+0O 
Open as Layers... Ctrl+Alt+O 
Open Location... 


Open Recent > 


Save... Ctrl+S 
Save As... Shift+Ctrl+S 
Save a Copy... 


w Revert 


Ovenwrite samole-imane ing 
Export As... Shift+ Ctrl+E 


Create Template... 


Page Setup... 
Print... Ctrl+P 


Copy Image Location 


Show in File Manager Ctrl+ Alt+F 


fe Export Image 
Name: sample-image.jpg 


Save in folder: < Bè Do Imac mpressior Create Folder 


Size Modified 


+ — 


Show All Files 
+ Select File Type (By Extension) 
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2 Le] cao 


In the Export Image window, choose the file save location, add a descriptive name and 
click Export. 


Step 3: Set the Image Quality 


= 
File Edit Select View Image Layer Colors Tools Filters Windows 
— 
= A 
<= TE 


Export Image as JPEG 


+ Advanced Options 


In the Export Image as JPEG popup, check the Show preview in image window checkbox 


and use the horizontal scrollbar to increase or decrease the image quality. 


Alternatively, assign a numerical value in the numerical input box beside it. You'll 
notice the image quality change in the background. 


Step 4: Export the File 


Sa Export Image as JPEG x< ompression 


a 
Quality: 90 


X 


Use quality settings from original image 


File size: 1.3 MB 


Save IPTC data 


Comment 


+ Advanced Options 
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ee 


When you’re happy with the image compression, click Export to save the file. 


Final Thoughts: How To Resize an Image in Photoshop and GIMP 


Learning how to resize an image in Photoshop can help you reduce the page size and 
improve your website performance. After understanding the basics, you can play 
around with different resampling and compression settings to further optimize your 


images. 


Tiffani Anderson 


Tiffani is the Content and Social Marketing Manager for 
the Bluehost brand. She has a passion for creating 
engaging content, SEO and social media! 
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